.merchantsCard {
  width: 330rpx;
  height: 332rpx;
  margin: 3rpx;
  overflow: hidden;

  .viewimg {
    width: 330rpx;
    height: 220rpx;
    border-radius: 8px;
    position: relative;

    .img {
      width: 100%;
      height: 100%;
    }

    .category {
      position: absolute;
      //   height: 38rpx;
      line-height: 24rpx;
      left: 23rpx;
      bottom: 19rpx;
      padding: 7rpx 12rpx;

      height: 24rpx;
      background: #000000;
      opacity: 0.2;
      border-radius: 8px;

      font-size: 24rpx;
      font-weight: 500;
      color: #FFFFFF;
    }
  }

  .text {
    margin-top: 18rpx;

    .title {
      display: block;
      line-height: 26rpx;
      font-size: 26rpx;
      font-weight: 500;
      color: #343434;
    }

    .ranking {
      display: block;

      font-size: 24rpx;
      font-weight: 500;
      color: #F68220;
    }
  }
}
